import router from '@/router';
import { useUserStore } from '@/store';

// 搭建骨架，书写路由权限
// 有些页面必须登录过后才能访问，没有登录 强行跳转回登录页面
router.beforeEach((to: any, from: any) => {
  console.log(to);
  const store = useUserStore();
  // if (store.token) {
  //   // 如果登录有，去任何页面直接放行
  //   return true; // 等价于之前vue-router 3.x的 next()
  // } else {
  //   // 如果没有登录，那么要分情况，不然就会死循环， 栈溢出
  //   // return '/login' 如果只写这一行就会死循环
  //   if (to.path === '/login') {
  //     return true; // next()
  //   } else {
  //     return '/login'; //next('/login')
  //   }
  // }

  // 合理的使用reutrn 代替else 语句，精简代码
  if (store.token) {
    // 如果登录有，去任何页面直接放行
    return true; // 等价于之前vue-router 3.x的 next()
  }
  if (to.path === '/login') {
    return true; // next()
  }
  return '/login'; //next('/login')
});

router.afterEach(() => {
  // 一般不用写，做的功能一般是给页面条件 标题， 做一些路由跳转结束的事情
});
